<template>
  <div>
    <todo_input></todo_input>
    <todo_list :list='tasklist'></todo_list>
    <todo_button></todo_button>
  </div>
</template>

<script>
import './样式/bootstrap.css'
import todo_input from './todo_input.vue'
import todo_list from './todo_list.vue'
import todo_button from './todo_button.vue'
export default {
  components: {
    todo_input, todo_list, todo_button
  },
   data(){
    return {
      tasklist: [
        { id: 1, task: '周一早晨九点开会', state: false },
        { id: 2, task: '周一晚上八点半聚餐', state: false },
        { id: 3, task: '准备周二上午演讲稿', state: true },
      ]
    }
  },
  methods:{
    sendd(){

    }
  }
}
</script>

<style>
</style>